/**
 * Desc
 * @description Holp You Do Good But Not Evil
 * @copyright   Copyright 2014-2015 <ycchen@iwshop.cn>
 * @license     LGPL (http://www.gnu.org/licenses/lgpl.html)
 * @author      Chenyong Cai <ycchen@iwshop.cn>
 * @package     Wshop
 * @link        http://www.iwshop.cn
*/

@import "base_class.less";

@import "base_topnav.less";

.uc-headwrap{
    padding-top: 15pt;
    height:130pt;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.uc-head{
    margin:0 auto;
}
.uc-head img{
    width:90px;
    height:90px;
    display: block;
    border-radius: 45px;
}
.headwrap{
    width:90px;
    height:90px;
    display: block;
    padding:1px;
    border-radius: 45px;
    background: #EEE;
    margin:0 auto;
}
.uc-name,.uc-addr{
    font-size: 12px;
    display: block;
    text-align: center;
    line-height:30px;
    color:#FFF;
    background: rgba(0,0,0,0.35);
}
.uc-name{
    font-size: 15px !important;
    margin-top: 12px !important;
}
.uc-section{
    position:relative;
    color:#444;
    padding-left: 50px;
    line-height: 42px;
    font-size: 14px;
    margin-top:15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: url(../images/icon_bar-right.png) 97.5% center no-repeat #FEFEFE;
    background-size: 15px 16px;
    display: block;
    outline: none;
}
.uc-section-count{
    font-size: 12px;
    padding-left: 4px;
    color:#900;
}
#uc-orderlist{
    min-height: 130px;
}
#uc-orderlist .price,#uc-orderlist .count,#uc-orderlist .title,.exp-item-info .price,.exp-item-info .count,.exp-item-info .title{
    display: block;
    font-size: 12px;
    line-height: 28px;
    color:#777;
}
#uc-orderlist .title,.exp-item-info .title{
    color:#222;
    font-size: 13px;
    overflow: hidden;
    line-height: 21px;
    height: 40px;
}
.exp-item-info .title{
    line-height: 20px;
}
.ucoi-pic{
    float:left;
    width:60px;
    border:1px solid #eee;
}
.ucoi-con{
    margin-left: 70px;
}
.uc-summary{
    border-top: 1px solid #eee;
    padding:4px 8px;
    margin:0 8px;
}
.uc-summary .olbtn{ 
    background: #e4393c;
    display:inline-block;
    font-size: 12px;
    margin-left: 7px;
    border-radius: 12px;
    height: 21px;
    line-height: 21px;
    padding:2px 10px;
    color:#FFF;
}
.uc-summary .express, .uc-summary .comment{
    background: #ff9000;
}
.uc-summary .wepay{
    background: #3fae38;
}
.uc-summary .cancel{
    background: #888;
}
.uc-summary .sum{
    font-size: 15px;
    color:#ca0606;
    line-height: 25px;
    margin-left:5px;
}
.uc-summary .sum b{
    font-size: 15px;
    font-weight: normal;
    font-family: Verdana;
    color: #E4393C;
}
.uc-orderitem, .exp-item-info{
    margin-top:10px;
    background: #FEFEFE;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.uc-orderitem .items,.exp-item-info .items{
    padding:6px 8px;
    margin-bottom: 3px;
    cursor: pointer;
}
.exp-item-info .items{
    padding:0;
}
.uc-orderitem .items:last-child{
    margin-bottom: 0;
}
.exp-item-info .od-name{
    float:left;
    line-height: 25px;
}
.exp-item-info .od-tel{
    padding-left:5px;
    float:left;
    line-height: 25px;
}
.exp-item-info .od-address{
    line-height: 25px;
    color:#777;
    font-size:12px;
}
.exp-item-info .order-status{
    color:#f15353;
    float:left;
}
.exp-item-info .order-id{
    font-size:12px;
    color:#555;
    float:right;
}
.exp-head #exp-code{
    font-size:12px;
    color:#555;
}
.exp-payinfo{
    line-height:25px;
    font-size:12px;
}
.exp-head{
    margin-top: 10px;
    padding:10px;
    background: #FEFEFE;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    line-height: 25px;
}
#exp-comname{
    font-size: 14px;
}
.exp-item-info{
    padding:10px;
}
.exp-item-caption{
    padding-bottom: 9px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede;
}
.uc-seral{
    margin-bottom: 8px;
    border-bottom: 1px solid #eee;
    padding:6px 8px;
}
.order_serial,.payment_serial,.order_status{
    float:left;
    font-size: 12px;
    color:#555;
    line-height: 25px;
    padding:0;
    margin:0;
}
.order_status{
    color:#E4393C;
    float:right;
}
#expressapi-cop{
    font-size: 12px;
    text-align: center;
    color:#444;
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
}
#expressapi-cop a{
    color:#111;
}
#express-dt{
    margin:0;
    padding:0;
    margin-left:-3px;
}
#express-dt th{
    display: none;
}
#express-dt tr:first-child{
    display: none;
}
#express-dt tr{
    line-height: 23px;
    color:#444;
}
#express-dt tr td{
    font-size: 12px;
    color:#555;
    vertical-align: top;
}
#express-dt tr td:first-child{
    font-size: 12px;
    white-space: nowrap;
    padding-right: 2px;
}
#express-confirm{
    display: inline-block;
    background: #e4393c;
    height: 21px;
    line-height: 21px;
    padding: 2px 20px;
    color: #FFF !important;
    border-radius: 15px;
}
.spread-item{
    width:25%;
    display: inline-block;
    float:left;
    margin:10px 0;
    font-size: 10pt;
    text-align: center;
    border-right: 1px solid #dedede;
    margin-left: -1px;
}
.spread-item:last-child{
    border:none;
    margin-left: 0;
}
.spread-item i{
    display: block;
    width:50px;
    height: 0;
    border-bottom: 1px dashed #dedede;
    margin:3px auto;
    margin-top: 5px;
}
.spread-item b{
    display: block;
    font-size: 11pt;
    font-weight: 400;
    margin-top: 4px;
}
@media screen and (max-width: 300px){
    .spread-item{
        width:50%;
    }
}
.com-spread-item{
    padding:10px;
}
.com-spread-item .items{
    padding:0 !important;
}
.comspreadstat{
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.spread-itmb{
    line-height: 36px;
    color:#444;
    display: inline-block;
    float:left;
    height:37px;
    font-size: 10pt;
}
.com-spread-item .ucoi-pic{
    width:35px;
}
.com-spread-item .ucoi-con{
    margin-left: 45px;
}
.login-field{
    background: #fff;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}
.login-icon{
    float:left;
    display: inline-block;
    height:30px;
    width:30px;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
}
.login-icon.email{
    background-image: url(../images/icon/iconfont-ue62bemail_1x.png);
    background-image: -webkit-image-set(url(../images/icon/iconfont-ue62bemail_1x.png) 1x,url(../images/icon/iconfont-ue62bemail_2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon/iconfont-ue62bemail_1x.png) 1x,url(../images/icon/iconfont-ue62bemail_2x.png) 2x);
    background-image: -o-image-set(url(../images/icon/iconfont-ue62bemail_1x.png) 1x,url(../images/icon/iconfont-ue62bemail_2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon/iconfont-ue62bemail_1x.png) 1x,url(../images/icon/iconfont-ue62bemail_2x.png) 2x);
}
.login-icon.address{
    background-image: url(../images/icon/iconfont-address_1x.png);
    background-image: -webkit-image-set(url(../images/icon/iconfont-address_1x.png) 1x,url(../images/icon/iconfont-address_2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon/iconfont-address_1x.png) 1x,url(../images/icon/iconfont-address_2x.png) 2x);
    background-image: -o-image-set(url(../images/icon/iconfont-address_1x.png) 1x,url(../images/icon/iconfont-address_2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon/iconfont-address_1x.png) 1x,url(../images/icon/iconfont-address_2x.png) 2x);
}
.login-icon.name{
    background-image: url(../images/icon/iconfont-iconname_1x.png);
    background-image: -webkit-image-set(url(../images/icon/iconfont-iconname_1x.png) 1x,url(../images/icon/iconfont-iconname_2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon/iconfont-iconname_1x.png) 1x,url(../images/icon/iconfont-iconname_2x.png) 2x);
    background-image: -o-image-set(url(../images/icon/iconfont-iconname_1x.png) 1x,url(../images/icon/iconfont-iconname_2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon/iconfont-iconname_1x.png) 1x,url(../images/icon/iconfont-iconname_2x.png) 2x);    background-position: center;
    background-position: center;
}
.login-icon-account, .login-icon-password{
    float:left;
    display: inline-block;
    height:30px;
    width:30px;
    background-image: url(../images/icon/iconfont-profile_1x.png);
    background-image: -webkit-image-set(url(../images/icon/iconfont-profile_1x.png) 1x,url(../images/icon/iconfont-profile_2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon/iconfont-profile_1x.png) 1x,url(../images/icon/iconfont-profile_2x.png) 2x);
    background-image: -o-image-set(url(../images/icon/iconfont-profile_1x.png) 1x,url(../images/icon/iconfont-profile_2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon/iconfont-profile_1x.png) 1x,url(../images/icon/iconfont-profile_2x.png) 2x);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
}
.login-icon-password{
    background-image: url(../images/icon/iconfont-lock_1x.png);
    background-image: -webkit-image-set(url(../images/icon/iconfont-lock_1x.png) 1x,url(../images/icon/iconfont-lock_2x.png) 2x);
    background-image: -moz-image-set(url(../images/icon/iconfont-lock_1x.png) 1x,url(../images/icon/iconfont-lock_2x.png) 2x);
    background-image: -o-image-set(url(../images/icon/iconfont-lock_1x.png) 1x,url(../images/icon/iconfont-lock_2x.png) 2x);
    background-image: -ms-image-set(url(../images/icon/iconfont-lock_1x.png) 1x,url(../images/icon/iconfont-lock_2x.png) 2x);
}
.login-input{
    margin-left:35px;
    overflow: hidden;
}
.login-input input{
    line-height:30px;
    width:98%;
    border-radius: 0;
    border:transparent;
    color:#555 !important;
}
#login-wrap{
    margin-bottom: 20px;
}
#login-com-wrap{
    text-align: center;padding:0 20px;padding-bottom: 10px;
}
.reg-tip{
    color:#555;
    font-size:12px;
}
.login-tip{
    color:#555;
    text-align:center;
    padding:0;
    margin:0;
    padding-top:20px;
    font-size:16px;
    text-shadow: 0 1px 1px #dedede;
}
#addr-select{
}
#addr-add{
    display:none;
    margin:10px;background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    overflow:hidden;
}
#addr-add input{
    color:#666;
    font-size:14px;
    border:none;
    border-bottom:1px solid #dedede;
    padding:10px 8px;
    border-radius: 0;
    margin-top:2px;
}

#addr-add textarea{
    color:#666;
    font-size:14px;
    border-radius: 0;
    width:100%;
    padding:10px 8px;
    border:none;
    margin:0;
    border-bottom:1px solid #dedede;
}

.field-ttip{
    color:#555;
    font-size:12px;
    margin:5px;
    margin-top:20px;
}

.field-ttip b{
    color: #E4393C;
    font-weight:normal;
}

.uc-order-sec{
    background:#fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    padding-top:3px;
    padding-bottom:7px;
}

.uc-order-btn{
    position:relative;
    padding-top: 4px;
    color: #555;
    font-size: 12px;
    text-align: center;
    display: block;
    float: left;
    width: 20%;
    outline: none
}

.uc-order-btn i{
    background-image: url(../images/icon/iconfont-tubiao27.png);
    background-repeat: no-repeat;
    background-size:30px;
    background-position: center;
    width: 30px;
    height: 30px;
    content: '\20';
    display: block;
    margin: 0 auto 2px auto;
}

.uc-order-btn b{
    font-weight: normal;
    padding-left:2px;
}

.uc-order-btn.fahuo i{
    background-image: url(../images/icon/iconfont-daifahuo.png);
}

.uc-order-btn.shouhuo i{
    background-image: url(../images/icon/iconfont-shouhuodizhi.png);
}

.uc-order-btn.pinjia i{
    background-image: url(../images/icon/iconfont-tubiao29.png);
}

.uc-order-btn.tuikuan i{
    background-image: url(../images/icon/iconfont-tuihuobaozhang.png);
}
.uc-section i{
    position:absolute;
    left:18px;
    top:9px;
    height:25px;
    background-image: url(../images/icon/iconfont-shoucang.png?v=1);
    background-repeat: no-repeat;
    background-size:25px;
    background-position: center;
    width: 25px;
    height: 25px;
}
.uc-section b{
    font-weight: normal;
    font-size:12px;
    position:absolute;
    top:0px;
    right:35px;
    color:#aaa;
}
.uc-section i.dingdan{
    background-image: url(../images/icon/iconfont-dingdanjilu.png);
}
.uc-section i.hezuo{
    background-image: url(../images/icon/iconfont-cooperation.png?v=1);
}
.uc-order-sort{
    float:left;
    width:20%;
}
#uc-order-sort-bar{
    background:#fff;
    border-bottom:1px solid #eee;
}
.uc-order-sort{
    text-align:center;
}
.uc-order-sort b{
    padding-top: 2px;
    margin:0 auto;
    display:inline-block;
    line-height:32px;
    font-weight: normal;
    border-bottom:2px solid #fff;
}
.uc-order-sort.hover b{
    border-bottom:2px solid #56abe4;
}
.uc-order-sumg{
    text-align:right;
}
.emptyTip{
    color:#666;
    text-align:center;
    line-height:200px;
}
.productIW{
    position: relative;
    border: 1px solid #eee;
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.button{
    border-radius: 3px;
    padding:7px 0;
    text-align: center;
    display: block;
    background:#e4393c;
    font-size: 15px;
    color:#FFF;
}
.button.green{
    background:#3fae38;
}

.envs{
    padding: 10px 10px;
    border-left: 2px solid #ff5500;
}